<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			{{msg}}
			<ul>
				<li v-for="item in sites">内容为：{{item.name}}</li>
			</ul>
			<ul>
				<li v-for="(value, key , index) in object">{{key}} : {{value}} : {{index}}</li>
			</ul>
			<ul>
			    <li v-for="n in 10">
			     {{ n }}
			    </li>
			 </ul>
		</div>
		<div id="app2">
			{{msg}}
		</div>
	</body>
	<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		new Vue({
			el:"#app",
			data:{
				msg:"hello",
			    sites: [
			      { name: 'vue入门教程' },
			      { name: '哈哈哈，打字辛苦啊！！！' },
			      { name: '学的不仅是技术，更是梦想！' }
			    ],
			    object: {
			      name: 'vue入门教程',
			      url: 'https://www.baidu.com',
			      slogan: '学的不仅是技术，更是梦想！'
			    }
			}
		})
		new Vue({
			el:"#app2",
			data:{
				msg:"word"
			}
		})
	</script>
</html>
